<!DOCTYPE html>
<html>
<head>
<title></title> #parse("sys/header.html")
</head>
<body>
	<div id="rrapp" v-cloak>
		<div v-show="showList">
			<div class="grid-btn">
				#if($shiro.hasPermission("exchanges:save")) <a
					class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
				#end #if($shiro.hasPermission("exchanges:update")) <a
					class="btn btn-primary" @click="update"><i
					class="fa fa-pencil-square-o"></i>&nbsp;修改</a> #end
				#if($shiro.hasPermission("exchanges:delete")) <a
					class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
				#end
			</div>
			<table id="jqGrid"></table>
			<div id="jqGridPager"></div>
		</div>

		<div v-show="!showList" class="panel panel-default">
			<div class="panel-heading">{{title}}</div>
			<form class="form-horizontal" id="exchanges">
				<div class="form-group">
					<div class="col-sm-2 control-label">交换机名称</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" id="exchangesName"
							v-model="exchanges.exchangesName" placeholder="交换机名称" />
					</div>
				</div>
				<!-- <div class="form-group">
					<div class="col-sm-2 control-label">推荐名称</div>
					<div class="col-sm-10">
						<label v-for="taplication in taplicationList" class="radio-inline">
							<input type="radio" :value="taplication.apliCode" name="apliCode"
							id="apliCode" />{{taplication.apliCode}}
						</label>
					</div>
				</div> -->
				<div class="form-group">
					<div class="col-sm-2 control-label">交换机描述</div>
					<div class="col-sm-10">
						<input type="text" class="form-control"
							v-model="exchanges.exComments" placeholder="交换机描述" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">交换机类型</div>
					<div class="col-sm-10">
						<select class="form-control" v-model="exchanges.exchangesType">
							<option>topic</option>
							<option>fanout</option>
							<option selected="selected">direct</option>
						</select>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">使用状态</div>
					<div class="col-sm-10">
						<label class="radio-inline"> <input type="radio"
							name="flag" value="1" v-model="exchanges.flag" /> 已使用
						</label> <label class="radio-inline"> <input type="radio"
							name="flag" value="0" v-model="exchanges.flag" /> 未使用
						</label>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">是否持久化</div>
					<label class="radio-inline"> <input type="radio"
						name="exDurable" value="true" v-model="exchanges.exDurable" />
						true
					</label> <label class="radio-inline"> <input type="radio"
						name="exDurable" value="false" v-model="exchanges.exDurable" />
						false
					</label>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">是否自动删除</div>
					<label class="radio-inline"> <input type="radio"
						name="exAutodelete" value="true" v-model="exchanges.exAutodelete" />true
					</label> <label class="radio-inline"> <input type="radio"
						name="exAutodelete" value="false" v-model="exchanges.exAutodelete" />false
					</label>
				</div>

				<div class="form-group">
					<div class="col-sm-2 control-label"></div>
					<input type="button" class="btn btn-primary" @click="saveOrUpdate"
						value="确定" /> &nbsp;&nbsp;<input type="button"
						class="btn btn-warning" @click="reload" value="返回" />
				</div>
			</form>
		</div>
	</div>

	<script src="${rc.contextPath}/js/sys/exchanges.js?_${date.systemTime}"></script>
</body>
</html>